@import "mui.min.css";
@import "LArea.min.css";
@import "base.css";

/*bottom-nav 底部导航*/
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon{ top: 6px; background-size: 100%; }
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-01, .mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-02, .mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-03, .mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-04, .mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-05{ background: no-repeat center center; background-size: 24px 24px; }
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-01{ background-image: url("../images/nav/icon_01.svg"); }
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-02{ background-image: url("../images/nav/icon_02.svg");  }
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-03{ background-image: url("../images/nav/icon_03.svg");  }
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-04{ background-image: url("../images/nav/icon_04.svg");  }
.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon.mui-icon-05{ background-image: url("../images/nav/icon_05.svg");  }

.mui-bar-tab.bottom-nav .mui-tab-item.mui-active .mui-icon.mui-icon-01{ background-image: url("../images/nav/icon_01_hover.svg"); }
.mui-bar-tab.bottom-nav .mui-tab-item.mui-active .mui-icon.mui-icon-02{ background-image: url("../images/nav/icon_02_hover.svg"); }
.mui-bar-tab.bottom-nav .mui-tab-item.mui-active .mui-icon.mui-icon-03{ background-image: url("../images/nav/icon_03_hover.svg"); }
.mui-bar-tab.bottom-nav .mui-tab-item.mui-active .mui-icon.mui-icon-04{ background-image: url("../images/nav/icon_04_hover.svg"); }
.mui-bar-tab.bottom-nav .mui-tab-item.mui-active .mui-icon.mui-icon-05{ background-image: url("../images/nav/icon_05_hover.svg"); }

.mui-bar-tab.bottom-nav .mui-tab-item .mui-icon~.mui-tab-label{ font-size: 1.1rem; color: #9a9a9a; }
.mui-bar-tab.bottom-nav .mui-tab-item.mui-active .mui-icon~.mui-tab-label{ color: #2aa974; }

/*content-top-banner 内容列表页 头部banner*/
div.content-top-banner{ width: 100%; overflow: hidden; position: relative; z-index: 10; }
div.content-top-banner .mui-slider{ }
div.content-top-banner .mui-slider .mui-slider-group{ height: 100%; }

div.content-top-banner  .mui-slider-item{ }
div.content-top-banner  .mui-slider-item img{  }
div.content-top-banner  .mui-slider-item span.tit{ display: block; width: 100%; font-size: 1.2rem; letter-spacing: 1px; color: #FFF; padding: 8px 80px 8px 10px; background-color: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; z-index: 99;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.content-top-banner .mui-slider-indicator{ text-align: right; bottom: 8px; padding-right: 10px; }
div.content-top-banner .mui-slider-indicator .mui-indicator{ margin: 1px 3px; }

div.content-top-banner .banner{ width: 100%; }
div.content-top-banner .banner img{ width: 100%; display: block; }
div.content-top-banner .banner span.tit{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: #FFF; background-color: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; letter-spacing: 2px; }

/*lime-scroll-nav*/
.mui-slider-indicator.mui-segmented-control.lime-scroll-nav{ border-bottom: 1px solid #DDD; }
.mui-segmented-control.mui-scroll-wrapper.lime-scroll-nav{ height: 40px; }
.mui-segmented-control.mui-segmented-control-inverted.lime-scroll-nav .mui-control-item{ border-bottom: 2px solid #FFF; padding: 0; margin: 0 15px; position: relative; top: -1px; }
.mui-segmented-control.mui-segmented-control-inverted.lime-scroll-nav .mui-control-item.mui-active{ color: #40B486; border-bottom: 2px solid #40B486; }

@media (min-width: 375px) {
    .mui-segmented-control.mui-scroll-wrapper.lime-scroll-nav{ height: 50px; }
    .mui-segmented-control.mui-scroll-wrapper.lime-scroll-nav .mui-scroll{ height: 50px; }
    .mui-segmented-control.lime-scroll-nav .mui-control-item{ line-height: 48px; }
}


    /*content-list-wrap*/
div.content-list-wrap{ z-index: 5; }
div.content-list-wrap .inner-list{ background-color: #FFF; }

div.content-list-wrap a.list-row{ display: block; color: #333; width: 100%; padding: 0 15px; position: relative; }
div.content-list-wrap .inner-list .inner{ border-top: 1px solid #DDD; padding: 15px 0; }
div.content-list-wrap .inner-list .inner:after{ display: block; content: ''; clear: both; }

div.content-list-wrap a.list-row:nth-child(1) .inner{ border-top: 0; }
div.content-list-wrap a.list-row .item{ float: left; }

div.content-list-wrap a.list-row .item.text{ width: 65%; }
div.content-list-wrap a.list-row .item.thumb{ width: 35%; max-height: 8rem; overflow: hidden; padding-left: 6px; }
div.content-list-wrap a.list-row .item.thumb img{ max-width: 100%; }

div.content-list-wrap a.list-row .item.text h2{ font-size: 1.4rem; line-height: 1.8rem; }
div.content-list-wrap a.list-row .item.text h2 span.only{ display: inline-block; font-size: 10px; line-height: 10px; padding: 5px 5px; background-color: #2EB57A; color: #FFF; border-radius: 3px; }
div.content-list-wrap a.list-row p.tag{ padding-top: 10px; font-size: 1rem; }
div.content-list-wrap a.list-row p.tag span{ display: inline-block; vertical-align: middle; padding-left: 5px; }
div.content-list-wrap a.list-row p.tag span.delete{ font-size: 1rem; background: #eee; padding: 0 10px 0 10px; position: relative; border-radius: 12px; float: right; }
div.content-list-wrap a.list-row p.tag span:first-child{ padding-left: 0; }

div.content-list-wrap a.list-row.three-row{}
div.content-list-wrap a.list-row.three-row .item{ width: 100%; }
div.content-list-wrap a.list-row.three-row .item.thumb{ padding-left: 0; padding-top: 5px; }
div.content-list-wrap a.list-row.three-row .item.thumb span.cell{ display: block; width: 33.33%; height: 7rem; padding: 3px; float: left; }
div.content-list-wrap a.list-row.three-row .item.thumb span.cell img{ min-height: 100%; }
div.content-list-wrap a.list-row.three-row .item.thumb:after{ display: block; content: ''; }
div.content-list-wrap a.list-row.three-row .item.bottom{}

/*detail-content*/
div.detail-content{ width: 100%; min-height: 500px; overflow: hidden; padding: 15px 15px 55px 15px; background-color: #FFF; }
div.detail-content img{ max-width: 100% !important; }

div.detail-content .title{ padding: 1rem 0; }
div.detail-content .title h2{ font-size: 2rem; line-height: 3rem; font-weight: normal; padding-bottom: .8rem; }
div.detail-content .title p{ font-size: 1.1rem; color: #999; }

div.detail-content .content{ padding: 1rem 0; line-height: 2.4rem; }
div.detail-content .content p{ font-size: 1.3rem; color: #333; }

div.detail-content .love-box{ width: 100%; text-align: center; padding: 2rem 0; }
div.detail-content .love-box a.btn-love{ display: inline-block; padding: .6rem 2rem; background-color: #F8F8F8; border: 1px solid #DCCBCE;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
div.detail-content .love-box a.btn-love i, div.detail-content .love-box a.btn-love span{ display: inline-block; color: #DA4D3E; vertical-align: middle; }
div.detail-content .love-box a.btn-love i{ width: 1.5rem; height: 1.5rem; margin-right: .5rem; background: url("../images/list/love.svg") no-repeat center; background-size: 100%; }
div.detail-content .love-box a.btn-love span{ font-size: 1.3rem; line-height: 1.3rem; }

@media (max-width: 320px) {
    div.detail-content .title h2{ font-size: 1.6rem; line-height: 2.1rem; }
    div.detail-content .content p{ font-size: 1.1rem; }
}

/*detail-comment-area*/
div.detail-comment-area{ width: 100%; height: 50px; background-color: #FFF; border-top: 1px solid #DDD; position: fixed; left: 0; bottom: 0; z-index: 999; }
div.detail-comment-area form{ width: 100%; background-color: #FFF; padding: 0 1rem 1rem 1rem; border-top: 1px solid #DDD; position: absolute; left: 0; bottom: -185px; z-index: 15;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.detail-comment-area .waterMark{ display: none; }

div.detail-comment-area textarea.tta{ width: 100%; height: 125px; font-size: 1.2rem; padding: .5rem; margin: 0; display: block; }

div.detail-comment-area .btn-box{ padding: .5rem; }
div.detail-comment-area .btn-box:after{ display: block; content: ''; clear: both; }
div.detail-comment-area .btn-box button{ border: 0; font-size: 1.2rem; outline: none; background: transparent !important; }
div.detail-comment-area .btn-box button.btn-cancel{}
div.detail-comment-area .btn-box button.btn-submit{ float: right; }

div.detail-comment-area .item-list{ width: 100%; height: 100%; position: absolute; left: 0; z-index: 1;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.detail-comment-area .item-list:after{ display: block; content: ''; clear: both; }
div.detail-comment-area .item-list a.item{ display: flex; justify-content: center; align-items: center; width: 18%; height: 100%; margin: 0 1.5%; float: left; }
div.detail-comment-area .item-list a.item:first-child{ margin-left: 0; }
div.detail-comment-area .item-list a.item:last-child{ margin-right: 0; }
div.detail-comment-area .item-list a.item.bnt-back{ width: 12%; }
div.detail-comment-area .item-list a.item#comment{ width: 22%; }

div.detail-comment-area .item-list a.item i.icon{ display: inline-block; width: 26px; height: 26px; vertical-align: middle; background: no-repeat center center; }
div.detail-comment-area .item-list a.item i.icon.icon-back{ background-image: url("../images/comment/back.svg"); }
div.detail-comment-area .item-list a.item i.icon.icon-write{ background-image: url("../images/comment/write.svg"); }
div.detail-comment-area .item-list a.item i.icon.icon-comment{ background-image: url("../images/comment/comment.svg"); }
div.detail-comment-area .item-list a.item i.icon.icon-star{ background-image: url("../images/comment/star.svg"); }
div.detail-comment-area .item-list a.item.hover i.icon.icon-star{ background-image: url("../images/comment/star_hover.svg"); }
div.detail-comment-area .item-list a.item i.icon.icon-face{ background-image: url("../images/comment/smile.svg"); }
div.detail-comment-area .item-list a.item i.icon.icon-reward{ background-image: url("../images/reward.svg"); }
div.detail-comment-area .item-list a.item span.number{ display: inline-block; vertical-align: middle; padding-left: 5px; color: #666; }

div.detail-comment-area .face-list{ width: 100%; height: 100%; position: absolute; left: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}

/*face*/
div.detail-comment-area.face .face-list{ width: 100%; height: 100%; left: 0; z-index: 1; }
div.detail-comment-area.face .face-list a.item{ display: flex; justify-content: center; align-items: center; width: 12%; height: 100%; margin: 0 1.33%; float: left; }
div.detail-comment-area.face .face-list a.item:first-child{ margin-left: 0; }
div.detail-comment-area.face .face-list a.item:last-child{ margin-right: 0; }
div.detail-comment-area.face .face-list a.item i.icon{ display: inline-block; width: 26px; height: 26px; vertical-align: middle; background: no-repeat center center; }
div.detail-comment-area.face .face-list a.item i.icon.icon-back{ background-image: url("../images/comment/back.svg"); }
div.detail-comment-area.face .face-list a.item i.icon.icon-close{ background-image: url("../images/comment/close.svg"); }
div.detail-comment-area.face .item-list{ left: 100%; }

/*表情*/
i.icon.icon-anger{ background-image: url("../images/face/icon-anger.svg") !important; }
i.icon.icon-answer{ width: 29px; height: 29px; background-image: url("../images/face/icon-answer.svg") !important; }
i.icon.icon-cry{ background-image: url("../images/face/icon-cry.svg") !important; }
i.icon.icon-awkward{ background-image: url("../images/face/icon-awkward.svg") !important; }
i.icon.icon-smile{ background-image: url("../images/face/icon-smile.svg") !important; }


/*comment 评论区域*/
div.detail-comment-area.comment{ width: 100%; height: 100%; border-top: 0; background: transparent; }
div.detail-comment-area.comment form{ bottom: 0; position: fixed; }
div.detail-comment-area.comment .waterMark{ display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 10; }
div.detail-comment-area.comment .item-list{ display: none; }
div.detail-comment-area.comment .face-list{ display: none;}

/*comment-list*/
div.comment-list{ width: 100%; }
div.comment-list .title{ padding-bottom: 0; }
div.comment-list .title:before{ display: inline-block; width: 3px; height: 1.4rem; background-color: #72A80D; content: ''; margin-right: 5px; }
div.comment-list .title h2{ font-size: 1.5rem; display: inline-block; vertical-align: middle; margin: 0; }
div.comment-list .content{ padding-top: 0; }

div.comment-list-row{ display: table; width: 100%; padding: 1.5rem 0; border-top: 1px solid #DDD; }
div.comment-list-row:first-child{ border-top: 0; }
div.comment-list-row .item{ display: table-cell; vertical-align: top; }
div.comment-list-row .item.left{ width: 20px; white-space: nowrap; }
div.comment-list-row .item.right{ padding-left: 1rem; }

div.comment-list-row .head{ width: 4rem; height: 4rem; overflow: hidden; border: 1px solid #DDD; background: no-repeat center center; background-size: cover;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

div.comment-list-row .top-info{}
div.comment-list-row .top-info h3{ font-size: 1.2rem; }
div.comment-list-row .top-info h3 span{ display: inline-block; vertical-align: bottom; font-size: 1rem; color: #999; }
div.comment-list-row .top-info h3 span.username{ max-width: 9rem; font-size: 1.3rem; line-height: 1.3rem; padding-right: .5rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.comment-list-row .top-info a.clickGood{ color: #9D9D9D; font-size: 1.2rem; line-height: 2rem; display: block; padding-right: 1.8rem; background: url("../images/comment/good.svg") no-repeat right 0;  background-size:1.5rem; float: right; position: relative; top: -.3rem; right: .5rem; }
div.comment-list-row .top-info a.clickGood.hover{ color: #E64240; background-image: url("../images/comment/good_red.svg"); }
div.comment-list-row .top-info a.clickGood:hover, div.comment-list-row .top-info a.clickGood:focus{ text-decoration: none; }
div.comment-list-row .top-info span.time{ font-size: 12px; color: #999; line-height: 14px; float: right; }

div.comment-list-row .cont{ padding: 1rem 0; font-size: 1.2rem; line-height: 1.8rem; }
div.comment-list-row .cont p{ font-size: 1.2rem; }

div.comment-list-row .reply{ background-color: #F1F1F1; font-size: 1.2rem; line-height: 1.8rem; padding: 1rem; }
div.comment-list-row .reply p{ font-size: 1.2rem; }


div.comment-list{ }
div.comment-list .more-box{ text-align: center; margin: 2rem 0 1.5rem; }
div.comment-list .more-box a{ display: inline-block; width: 90%; font-size: 1.2rem; line-height: 1.2rem; color: #666; padding: 1rem 2rem; border: 1px solid #DDD;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

html.comment-fixed, html.comment-fixed body{ width: 100%; height: 100%; overflow: hidden; }


/*live-list 直播列表*/
div.live-list{ width: 100%; padding-bottom: 30px; }
div.live-list img{ max-width: 100%; }
div.live-list .live-row{ display: block; padding: .5rem 0; }
div.live-list .live-row a.link{ width: 100%; display: block; position: relative; background-color: #FFF; }
div.live-list .live-row a:link:after{ display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; z-index: 5; }

div.live-list .live-row .thumb{ position: relative; z-index: 1; }
div.live-list .live-row .thumb img{ display: block; }

div.live-list .live-row .title{ width: 100%; color: #FFF; padding: 1rem; position: absolute; left: 0; bottom: 0; z-index: 10; }
div.live-list .live-row .title h2{ font-size: 1.4rem; color: #FFF; padding-bottom: .5rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.live-list .live-row .title p.btm{ color: #FFF; }
div.live-list .live-row .title p.btm span{ display: inline-block; vertical-align: middle; padding: .5rem .8rem; border: 1px solid #FFF; font-size: .785rem; line-height: .7rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.live-list .live-row .title p.btm span.status{ }
div.live-list .live-row .title p.btm span.status.red{ background-color: rgba(240, 102, 76,.8); border-color:  rgba(240, 102, 76,.8); }
div.live-list .live-row .title p.btm span.status.gray{ background-color: rgba(169, 172, 165,.8); border-color:  rgba(169, 172, 165,.8); }
div.live-list .live-row .title p.btm span.number{ }

/*live-detail-wrap 直播详情*/
div.live-detail-wrap{ width: 100%; background-color: #FFF; padding-bottom: 45px; }
div.live-detail-wrap img{ max-width: 100%; display: block; }
div.live-detail-wrap .video-box{ overflow: hidden; }

div.live-detail-wrap .live-status{ background-color: #000; color: #FFF; padding: 1rem 1rem; }
div.live-detail-wrap .live-status span{ display: inline-block; vertical-align: middle; font-size: 1rem; line-height: 1rem; padding: .5rem 1rem; color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.live-detail-wrap .live-status span.status.red{ background-color: #e75c3b; }
div.live-detail-wrap .live-status span.status.gray{ background-color: #999; }
div.live-detail-wrap .live-status span.number{ background-color: #808080; margin-left: .5rem; }

div.live-detail-wrap .notice{ width: 100%; height: 3.5rem; background-color: #f8f7f5; padding: 1rem 1.5rem 1rem 8rem; margin: 1rem 0; position: relative; }
div.live-detail-wrap .notice:before{ display: block; width: 5rem; height: 2.4rem; content: '主播：'; font-size: 1.2rem; line-height: 2rem; color: #fcab42; padding-left: 2.6rem; position: absolute; left: 1.5rem; top: .75rem; z-index: 10; background: url("../images/trumpet.svg") no-repeat left center; background-size: auto 100%; }

div.live-detail-wrap .notice .inner{ width: 100%; height: 100%; position: relative; overflow: hidden; }
div.live-detail-wrap .notice ul.list{ position: relative; top: 0;
    transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
}
div.live-detail-wrap .notice ul.list li{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.live-detail-wrap .notice ul.list li a{ color: #fcab42; font-size: 1.2rem; line-height: 1.2rem; }
div.live-detail-wrap .notice ul.list li.active{ }

/*detail-nav*/
div.detail-nav{ width: 100%; text-align: center; padding: 1rem; }
div.detail-nav ul.list{ display: block; width: 100%; border: 1px solid #32b67a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.detail-nav ul.list:after{ display: block; content: ''; clear: both; }
div.detail-nav ul.list li{ width: 50%; font-size: 1.5rem; color: #32b67a; padding: .8rem 1.5rem; float: left; }
div.detail-nav ul.list li.active{ background-color: #32b67a; color: #FFF; }

div.detail-content-list{ padding: 1rem 1rem 2rem 1rem; }
div.detail-content-list .panel{ display: none; }
div.detail-content-list .panel.show{ display: block; }

div.detail-content-list ul.intro{}
div.detail-content-list ul.intro li{ border-top: 1px solid #DDD; padding: 1rem 0; }
div.detail-content-list ul.intro li:first-child{ border-top: 0; }
div.detail-content-list ul.intro .tit{ font-size: 1.2rem; color: #666; }
div.detail-content-list ul.intro .cont{ font-size: 1.3rem; padding-top: .5rem; }

/*reward-wrap 打赏*/
div.reward-wrap{ display: none; width: 100%; height: 100%; background: #fee9ce; background-size: 100%; position: fixed; top: -100%; left: 0; z-index: 9999;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.reward-wrap .top-thumb{}
div.reward-wrap .top-thumb img{ width: 100%; }
div.reward-wrap .check-list{ width: 100%; padding: 1rem; }
div.reward-wrap .check-list .inner{ border: 1px solid #DDD; border-top: 0; overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.reward-wrap .check-list .inner:after{ display: block; content: ''; clear: both; }
div.reward-wrap .check-list .item{ background-color: #FFF; width: 33.33%; border-left:1px solid #DDD; border-top: 1px solid #DDD; float: left; position: relative; }
div.reward-wrap .check-list .item:nth-child(3n+1){ border-left: 0; }
div.reward-wrap .check-list .item p{ width: 100%; height: 8rem; font-size: 1.4rem; display: flex; justify-content: center; align-items: center; flex-direction: column; }
div.reward-wrap .check-list .item.active:before{ display: block; width: 12px; height: 12px; content: ''; background: url("../images/radio_hover.svg") no-repeat center; background-size: 100%; position: absolute; top: 1rem; right: 1rem; z-index: 10; }

div.reward-wrap .price-box{ width: 100%; text-align: center; }
div.reward-wrap .price-box a.other-price{ display: inline-block; color: #fa5551; font-size: 1.2rem; padding: 1rem 0 .5rem; }
div.reward-wrap .price-box input.ipt-price{ display: inline-block; width: 10rem; border: 0; font-size: 1.2rem; text-align: center; padding: 1rem 0; background: transparent; border-bottom: 1px solid #fa5551; visibility: hidden;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
div.reward-wrap .price-box input.ipt-price.active{ visibility: visible; }

div.reward-wrap .button-box{ width: 100%; padding: 1rem; }
div.reward-wrap .button-box button{ width: 100%; font-size: 1.6rem; padding: .8rem 0; border: 0; }
div.reward-wrap .button-box button.btn-submit{  background-color: #ec6961; color: #FFF;  }
div.reward-wrap .button-box button.btn-back{ background: transparent; color: #666; font-size: 1.6rem; margin-top: 1rem; }

@media (max-width: 375px) {
    div.reward-wrap .check-list{ padding-top: 0; }
    div.reward-wrap .check-list .item p{ height: 7rem; }
    div.reward-wrap .button-box button{ font-size: 1.5rem; }
}

html.reward-fixed, html.reward-fixed body{ width: 100%; height: 100%; overflow: hidden; }
html.reward-fixed div.reward-wrap{ top: 0;
    /*transform:rotate(360deg) scale(1);
    -webkit-transform:rotate(360deg) scale(1);
    -moz-transform:rotate(360deg) scale(1);
    -o-transform:rotate(360deg) scale(1);
    -ms-transform:rotate(360deg) scale(1);*/
}
html.reward-fixed div.detail-comment-area{ display: none; }


/*贴吧列表*/
.mui_comm{ padding: 1rem 1rem 0rem 1rem; border-bottom: 0.5rem solid #f1f1f1; }
.mui_comm_head{ overflow: hidden; padding: 1rem 1rem 0rem 0rem; }
.mui_comm_head .comm_logo{ float: left; width: 40px; height: 40px; border: 1px solid #DCDCDC; border-radius: 20%; margin-right: 12px; background: #FFFFFF; overflow: hidden; }
.mui_comm_head .comm_logo img{ width: 100%; height: 100%; }
.mui_comm_head .comm_title{ float: left; width: 60%; }
.mui_comm_head .comm_title h4{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.2rem; padding: 0 0 5px; color: #000; }
.mui_comm_head .comm_title p{ line-height: 20px; font-size: 1.1rem; }
.mui_comm_list{ overflow: hidden; padding: 1rem 0rem 1rem 0rem; }
.mui_comm_list p{ font-size: 1.2rem; color:#000; }
.mui_comm_ul { padding: 0.5rem; overflow: hidden; border-top: 1px solid #e8e8e8; }
.mui_comm_ul .mui_comm_li{ text-align: center; vertical-align: middle; display: inline-block; min-width: 20px; height: 30px; background-size: 24px; font-size: 0.8rem; padding-left: 29px; line-height: 30px; color: #646464; }
.mui_comm_ul .mui_comm_li.left{ float: left; width:50%; padding-left: 0px; }
.mui_comm_ul .mui_comm_li.right{ float: right; width:50%; padding-left: 0px; }
.mui_comm_ul .mui_comm_li span.up { display: inline-block; min-width: 20px; height: 15px; font-size: 1rem; padding-left: 25px; line-height: 16px; color: #646464; background: url('../images/comment/good.svg') no-repeat 0px 0px; }
.mui_comm_ul .mui_comm_li span.up.hover { display: inline-block; min-width: 20px; height: 15px; font-size: 1rem; padding-left: 25px; line-height: 16px; color: red; background: url('../images/comment/good_red.svg') no-repeat 0px 0px; }
.mui_comm_ul .mui_comm_li span.comment { display: inline-block; min-width: 20px; height: 15px; font-size: 1rem; padding-left: 25px; line-height: 16px; color: #646464; background: url('../images/comment/comment.svg') no-repeat 0px 0px; }
.mui_comm_num{overflow: hidden; padding: 0.6rem 0.6rem 0.6rem 0rem;}
.mui_comm_num span{padding-right: 1rem; color: #808080;}
.mui_comm_comment{ padding: 1rem 1rem 0rem 1rem; }
div.sudoku{ width: 100%; }
div.sudoku:after{ width: 100%; display: block; content: ''; clear: both; }
div.multi{ width: 33.33%; height: 90px; overflow: hidden; float: left; }
div.multi img{ width: 100%; padding: 2px; display: block;min-height: 100% }
div.mui_comm_pics img{ width: 100%; padding: 2px; display: block}

/*  图片预览  */
.mui-preview-image.mui-fullscreen { position: fixed; z-index: 9999; background-color: #000; }
.mui-preview-header,.mui-preview-footer { position: absolute; width: 100%; left: 0; z-index: 10; }
.mui-preview-header { height: 44px; top: 0; }
.mui-preview-footer { height: 50px; bottom: 0px; }
.mui-preview-header .mui-preview-indicator { display: block; line-height: 25px; color: #fff; text-align: center; margin: 15px auto 4px; width: 70px; background-color: rgba(0, 0, 0, 0.4); border-radius: 12px; font-size: 16px; }
.mui-preview-image { display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.mui-preview-image.mui-preview-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.mui-preview-image.mui-preview-out { background: none; -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.mui-preview-image.mui-preview-out .mui-preview-header, .mui-preview-image.mui-preview-out .mui-preview-footer { display: none; }
.mui-zoom-scroller { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: 0; -webkit-backface-visibility: hidden; }
.mui-zoom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.mui-slider .mui-slider-group .mui-slider-item img { width: auto;height: auto; max-width: 100%; max-height: 100%; }
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img { width: 100%; }
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item { display: inline-table; }
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img { display: table-cell; vertical-align: middle; }
.mui-preview-loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.mui-preview-loading.mui-active { display: block; }
.mui-preview-loading .mui-spinner-white { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; height: 50px; width: 50px; }
.mui-preview-image img.mui-transitioning { -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; }
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% {opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
p img { max-width: 100%; height: auto; }

/* mui弹窗样式 */
.mui-popup-title { font-size: 16px; color: #000; text-align: center;font-weight: 500; }
.mui-popup-title+.mui-popup-text { font-family: inherit; font-size: 14px; color: #636262; margin: 10px 0 0; }
.mui-popup-button { font-size: 16px; line-height: 44px; position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 44px; padding: 0 5px; cursor: pointer; text-align: center;
    white-space: nowrap; text-overflow: ellipsis; color: #666; background: rgba(255,255,255,.95); -webkit-box-flex: 1; }
.mui-popup-button.mui-popup-button-bold { font-weight: lighter; color: #26bc4f; }
.mui-popup-inner { padding: 20px; }

/*  用户中心 */
.vip_center { padding: 0;}
.vip_center .vip_header { padding: 1rem 1rem 0 1rem; background: #fff;float:left;width:100%;}
.vip_center .vip_header .header_box {box-shadow: 0 -1px 0 0 #f5f0f0 inset; overflow: hidden; padding-bottom: 1rem;}
.vip_center .vip_header .touxiang { margin: 0 auto; border-radius: 100%; border: 2px solid #fff; float: left;padding: 1rem 0 0 0}
.vip_center .vip_header .touxiang img { border-radius: 100%;width: 80px; height: 80px;display: block;}
.vip_center .vip_header .name { font-size: 1.6em; text-align: center; color: rgba(0,0,0,0.3); overflow: hidden; padding: 0.5rem 1rem 1rem 1.5rem;font-weight: 600; transform: translateY(50%);}
.vip_center .vip_header .name span{float: left}
.vip_center .vip_span { width:100%; padding:2rem 0; background: #fff; overflow: auto; margin-bottom: 10px;}
.vip_center .vip_span div { width: 100%; text-align: center;}
.vip_center .vip_span div:last-child { border: 0;}
.vip_center .vip_span a { color: #666; }
.vip_center .vip_span a .vip_banner {text-align: center; width: 25%; float: left }
.vip_center .vip_span a img {width: 25px; height: 25px; }
.vip_center .vip_span h4 { font-size: 1.3em; line-height: 1.5em; color: rgba(0,0,0,0.5);    padding-top: 10px;}
.vip_center .vip_ul { background: #fff; padding: 0; margin: 0;}
.vip_center .vip_ul li {padding: 0 1rem 0 1rem; overflow: auto; position: relative;}
.vip_center .vip_ul li:last-child .lzz{ border: 0; box-shadow: 0 0 0 0 #ece9e9 inset; padding-bottom: 1.5rem}
.vip_center .vip_ul li .lzz { color: #999; display:block; float: left;padding: 1.5rem 0 1.5rem 0; width: 100%; box-shadow: 0 -1px 0 0 #ece9e9 inset; font-size: 15px; line-height: 1.5em;}
.vip_center .vip_ul li .lzz:after { display: inline-block; width: 15px; height: 15px; content: ''; background: url('../images/right-arrow.png') no-repeat 0px 0px; background-size: 60%; float: right; }

/* 登录 */
.mask{ padding-bottom: 10px; }
.wechatLogo{ display: inline-block; vertical-align: middle; padding-right: 5px; }
.wechatLogo img{ width: 30px; }
.dialog_input{padding:0 0 10px 0;}
input.login_input{ height:25px; font-size: 12px; margin-bottom: 0; border-radius:0; line-height: 18px; border: 1px solid rgba(0,0,0,.1);}
.verifyBtn{font-size: 1rem; color: #666; padding-left: 20px;}
.verifyBtn .on{color: #26bc4f}



/* ===================互动==================  */
/*apply-wrapper*/
div.apply-wrapper{ width: 100%; overflow: hidden; padding-bottom: 50px; }

div.apply-wrapper section.title{ padding: 10px; }
div.apply-wrapper section.title h3{ font-size: 18px; font-weight: normal; line-height: 1.3; }
div.apply-wrapper section.thumb{ padding: 10px; }
div.apply-wrapper section.thumb img{ width: 100%; display: block; }

div.apply-wrapper .white{ background-color: #FFF; }
/*content-tab-wrap*/
section.content-tab-wrap{ background-color: #FFF; margin-bottom: 10px; }
section.content-tab-wrap ul.list{ text-align: center; }
section.content-tab-wrap ul.list:after{ display: block; content: ''; clear: both; }
section.content-tab-wrap ul.list li{ display: inline-block; font-size: 15px; padding: 10px 10px; margin: 0 10px; border-bottom: 2px solid transparent; }
section.content-tab-wrap ul.list li a{ color: #999; }
section.content-tab-wrap ul.list li.active{ border-bottom-color: #010101; }
section.content-tab-wrap ul.list li.active a{ color: #010101; }

section.content-panel{ display: none; }
section.content-panel.showIn{ display: block; }

div.apply-wrapper table.act-list{ width: 100%; margin-bottom: 10px; background-color: #FFF; }
div.apply-wrapper table.act-list th, div.apply-wrapper table.act-list td{ font-size: 14px;  color: #666; line-height: 1; border-bottom: 1px solid #F1F1F1; padding: 12px 15px; }
div.apply-wrapper table.act-list th{ width: 20px; white-space: nowrap; font-weight: normal; text-align: left; }
div.apply-wrapper table.act-list td{ color: #666; }

div.apply-wrapper .table-row{ width: 100%; background-color: #FFF; margin-bottom: 10px; }
div.apply-wrapper .table-row dl.tab{ display: table; width: 100%; }
div.apply-wrapper .table-row dl.tab dt, div.apply-wrapper .table-row dl.tab dd{ display: table-cell; font-size: 14px; color: #666; line-height: 1; padding: 12px 15px ; vertical-align: top; }
div.apply-wrapper .table-row dl.tab dt{ width: 20px; white-space: nowrap; padding-right: 0; }
div.apply-wrapper .table-row dl.tab dd{ color: #666; }
div.apply-wrapper .table-row dl.tab dd.txtR{ text-align: right; padding-right: 30px; }

div.apply-wrapper .table-row.address dl.tab{ background: url("../images/active/addr.png") no-repeat right 15px center / auto 24px; }

div.apply-wrapper .table-row.arrow-right dl.tab{ background: url("../images/active/arrow.png") no-repeat right 12px center / auto 12px; }

@media (max-width: 320px) {
    div.apply-wrapper .table-row dl.tab dt, div.apply-wrapper .table-row dl.tab dd{ font-size: .8rem; }
}

div.apply-wrapper .cont-box{ background-color: #FFF; }
div.apply-wrapper .cont-box .tit{ padding: 15px 15px; }
div.apply-wrapper .cont-box .tit h2{ font-size: 15px; font-weight: normal; border-left: 3px solid #71a90f; padding: 0 8px; }

div.apply-wrapper .cont-box .cont{ padding: 0 15px 15px; font-size: 1rem; }
div.apply-wrapper .cont-box .cont img{ max-width: 100% !important; }

/*head*/
div.apply-wrapper ul.head{ width: 100%; padding: 5px 15px 15px; }
div.apply-wrapper ul.head:after{ display: block; content: ''; clear: both; }
div.apply-wrapper ul.head li{ width: 10.5%; margin-left: 2.2%; float: left; }
div.apply-wrapper ul.head li:first-child{ margin-left: 0; }
div.apply-wrapper ul.head li img{ max-width: 100%; }

/*apply-fixed*/
div.apply-fixed{ width: 100%; height: 50px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); background-color: #fafafb; position: fixed; left: 0; bottom: 0; z-index: 995; }
div.apply-fixed ul.list{ display: table; width: 100%; height: 100%; }
div.apply-fixed ul.list li{ display: table-cell; width: 25%; font-size: 16px; text-align: center; vertical-align: middle; border-left: 1px solid #e5e4e5; }
div.apply-fixed ul.list li.apply-now{ width: 50%; background-color: #32b67a; color: #FFF; }

@media (max-width: 320px) {
    div.apply-fixed ul.list li{ font-size: .8rem; }
    div.apply-fixed ul.list li.apply-now{ font-size: 1rem; }
}


/*apply-comment*/
div.comment-list.apply-comment{ width: 100%; background-color: #FFF; padding: 15px 30px; }
div.comment-list.apply-comment:after{ display: block; content: ''; clear: both; margin-top: 12px; }
div.comment-list.apply-comment .top-info span.time{ font-size: .8rem; color: #999; float: right; }

div.comment-list.apply-comment .more-box{ margin-bottom: 0; }

div.apply-wrapper .comment-title{ background-color: #FFF; padding: 15px 15px 0; }
div.apply-wrapper .comment-title h2{ font-size: 15px; font-weight: normal; border-left: 3px solid #71a90f; padding-left: 5px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

/*defined-dialog*/
div.defined-dialog{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 997; }
div.defined-dialog .watermark{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0; z-index: 1;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
}
div.defined-dialog .watermark.showIn{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
}

div.defined-dialog .model-body{ width: 90%; background-color: rgba(247, 247, 247, .9); position: absolute; top: 150px; left: 50%; margin-left: -45%; z-index: 10;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0);
}
div.defined-dialog .model-body.showIn{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
div.defined-dialog .model-body.hideOut{
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
}
div.defined-dialog .model-body .model-title{ padding: 15px 15px; position: relative; }
div.defined-dialog .model-body .model-title h3{ font-size: 14px; font-weight: normal; }
div.defined-dialog .model-body .model-title .model-close{ display: block; width: 1.6rem; height: 1.6rem; background: url("../images/active/close.png") no-repeat left top / 100%; position: absolute; top: 8px; right: 10px; }

div.defined-dialog .model-body .model-content{ padding: 0 15px 15px; overflow: hidden; }

@media (max-width: 320px) {
    div.apply-wrapper .comment-title h2{ font-size: 1rem; }
    div.defined-dialog .model-body .model-title h3{ font-size: 1rem; }
}


/*apply-form*/
form.apply-form{ width:100%; }
form.apply-form dl{ display:block; }
form.apply-form dl dt, form.apply-form dl dd{ display:block; padding: 3px 0;}
form.apply-form dl dt{ font-size:14px; }
form.apply-form dl dd{}
form.apply-form .ipt-txt{}
form.apply-form .ipt-txt input,form.apply-form .ipt-txt input, form.apply-form .ipt-txt textarea{ width:100%; height:auto; font-size: 14px; font-family: 'Microsoft Yahei', Helvetica, sans-serif; padding:8px 12px; border-color:#F1F1F1 }
form.apply-form .ipt-txt textarea{ min-height: 150px; }
form.apply-form .ipt-txt.error ::-moz-placeholder{ color:#F00; }
form.apply-form .ipt-txt.error ::-webkit-input-placeholder{ color:#F00; }
form.apply-form .ipt-txt.error ::-ms-input-placeholder { color:#F00; }

form.apply-form .error-box{ display: none; width: 100%; height: 24px; overflow: hidden; }

form.apply-form .button-box{}
form.apply-form .button-box button.btn-submit{ width:100%; border:0; font-size: 16px; background-color:#ec6059; color:#FFF; padding:10px 15px; margin:10px 0 12px;  }

@media (max-width: 320px) {
    form.apply-form .ipt-txt input, form.apply-form .ipt-txt textarea{ font-size: 12px; }
    form.apply-form .button-box button.btn-submit{ font-size: 14px; }
}

/*active-pay-wrapper*/
div.active-pay-wrapper{}
div.active-pay-wrapper section.pay-info{ padding: 2rem 3rem; font-size: 1rem; text-align: center; background-color: #FFF; margin-top: 1rem; }
div.active-pay-wrapper section.pay-info p{ color: #333; font-size: 14px; }
div.active-pay-wrapper section.pay-info h3{ font-size: 24px; font-weight: normal; color: #ff5552; margin-top: 10px; }

div.active-pay-wrapper section.goods-info{ margin-top: 1rem; background-color: #FFF; }
div.active-pay-wrapper section.goods-info ul.list{ padding: 10px 0; }
div.active-pay-wrapper section.goods-info ul.list li{ font-size: 14px; padding: 6px 15px; color: #666; }

div.active-pay-wrapper section.btn-box{ padding: 30px 15px; }
div.active-pay-wrapper section.btn-box button{ width: 100%; background-color: #32b67a; color: #FFF; font-size: 20px; padding: 12px 15px; border: 0; }
div.active-pay-wrapper section.btn-box button span.wx{ display: inline-block; background: url("../images/active/wx.png") no-repeat left center / auto 80%; padding-left: 30px; }

div.active-pay-wrapper section.rule-list{ padding: 12px 15px; color: #666; line-height: 1.8; }

@media (max-width: 320px) {
    div.active-pay-wrapper section.pay-info p{ font-size: 12px; }
    div.active-pay-wrapper section.pay-info h3{ font-size: 20px; }
    div.active-pay-wrapper section.goods-info ul.list li{ font-size: 12px; }

    div.active-pay-wrapper section.btn-box button{ padding: 8px 12px; }
}


/*active-list-wrap*/
div.active-list-wrap{ width: 100%; background-color: #FFF; }
div.active-list-wrap table.list{ width: 100%; }
div.active-list-wrap table.list td{ padding:10px 5px; font-size: 15px; border-top: 1px solid #F1F1F1; }
div.active-list-wrap table.list td:first-child{ width: 50px; text-align: center; }

div.active-list-wrap table.list a.thumb{ display: block; width: 50px; height: 50px; overflow: hidden;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
div.active-list-wrap table.list a.thumb img{ display: block; width: 100%; }

@media (max-width: 375px) {
    div.active-list-wrap table.list a.thumb{ width: 40px; height: 40px; }
    div.active-list-wrap table.list td{ font-size: 14px; }
}

@media (max-width: 320px) {
    div.active-list-wrap table.list a.thumb{ width: 35px; height: 35px; }
    div.active-list-wrap table.list td:first-child{ width: auto; }
    div.active-list-wrap table.list td{ font-size: 12px; }
}

/*active-success-wrap*/
div.active-success-wrap{ width: 100%; background-color: #FFF; }

div.active-success-wrap .success-top{ width: 100%; padding: 20px 15px; border-bottom: 1px dashed #DDD; }
div.active-success-wrap .success-top h3{ font-size: 24px; font-weight: normal; margin-bottom: 10px; }

div.active-success-wrap .active-title{ width: 100%; text-align: center; padding: 20px 0; }
div.active-success-wrap .active-title h3{ font-size: 24px; color: #ec625b; font-weight: normal; }

div.active-success-wrap .discount-coupon{ width: 80%; margin: 15px auto; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
div.active-success-wrap .discount-coupon .bizCard{ height: 150px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px dashed #b7b7b7; position: relative; }
div.active-success-wrap .discount-coupon .bizCard:before, div.active-success-wrap .discount-coupon .bizCard:after{ display: block; content: ''; width: 12px; height: 12px; position: absolute; bottom: -6px; background-color: #e0e0e0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
div.active-success-wrap .discount-coupon .bizCard:before{ left: -6px; }
div.active-success-wrap .discount-coupon .bizCard:after{ right: -6px; }
div.active-success-wrap .discount-coupon .bizCard h3{ font-size: 24px; font-weight: normal; margin-bottom: 6px; }

div.active-success-wrap .discount-coupon .bizInfo{ font-size: 14px; line-height: 1.8; background-color: #f6f6f9; padding: 15px; }


/*vote-detail-wrapper*/
div.vote-detail-wrapper{ width: 100%; background-color: #FFF; }
div.vote-detail-wrapper .top-info{ padding: 15px 15px 0 15px; }
div.vote-detail-wrapper .top-info h3{ font-size: 24px; font-weight: normal; line-height: 1.4; }

div.vote-detail-wrapper .content{ width: 100%; padding: 15px; font-size: 14px; line-height: 1.6; }
div.vote-detail-wrapper .content img{ max-width: 100%; }

@media (max-width: 320px) {
    div.vote-detail-wrapper .top-info h3{ font-size: 20px; }
}

/*name-list*/
div.vote-detail-wrapper section.name-list{ width: 100%; padding: 15px; }
div.vote-detail-wrapper section.name-list:after{ display: block; content: ''; clear: both; }

div.vote-detail-wrapper section.name-list header{ font-size: 18px; padding-bottom: 12px; }

div.vote-detail-wrapper section.name-list a.item{ display: block; width: 48%; margin-left: 4%; margin-bottom: 4%; color: #333; float: left; }
div.vote-detail-wrapper section.name-list a.item:nth-child(2n+1){ margin-left: 0; }
div.vote-detail-wrapper section.name-list a.item dl{}
div.vote-detail-wrapper section.name-list a.item dt{ height: 7rem; overflow: hidden; position: relative; }
/*div.vote-detail-wrapper section.name-list a.item dt:after{ display: block; content: ''; width: 3rem; height: 3rem; background: url("../images/active/play.svg") no-repeat center / 100% 100%; position: absolute; top: 50%; left: 50%; z-index: 10; margin-left: -1.5rem; margin-top: -1.5rem; opacity: .8; }*/
div.vote-detail-wrapper section.name-list a.item dt img{ width: 100%; display: block; min-height: 100%; position: relative; z-index: 1; }
div.vote-detail-wrapper section.name-list a.item dd{ background-color: #f5f5f5; padding: 10px; }
div.vote-detail-wrapper section.name-list a.item dd h3{ font-size: 14px; font-weight: normal; margin-bottom: 10px; }
div.vote-detail-wrapper section.name-list a.item dd span.number{ float: right; }
div.vote-detail-wrapper section.name-list a.item dd span.red{ color: #fc8e34; display: inline-block; padding-right: 3px; }

div.vote-detail-wrapper section.name-list a.item dd p.desc{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

div.vote-detail-wrapper section.name-list a.item dd.btn{ padding: 0; }
div.vote-detail-wrapper section.name-list a.item dd.btn button[type=button]{ width: 100%; border: 0; background-color: #fc8d32; color: #FFF; font-size: 14px; padding: 8px 20px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

@media (max-width: 320px) {
    div.vote-detail-wrapper section.name-list a.item dt{ height: 6rem; }
}


/*lottery-wrapper*/
div.lottery-wrapper{  }
div.lottery-wrapper .top-info{ padding: 15px; background-color: #FFF; }
div.lottery-wrapper .top-info h3{ font-size: 24px; font-weight: normal; line-height: 1.4; }

div.lottery-wrapper .lotto-box{ padding: 15px ;background-color: #FFF; }
div.lottery-wrapper .lotto-box ul.list{ margin: 0 auto; }
div.lottery-wrapper .lotto-box ul.list:after{ display: block; content: ''; clear: both; }
div.lottery-wrapper .lotto-box ul.list li.item{ display: block; width: 32%; margin-left: 2%; float: left; position: relative; }
div.lottery-wrapper .lotto-box ul.list li.item img{ width: 100%; display: block; }
div.lottery-wrapper .lotto-box ul.list li.item:first-child{ margin-left: 0; }

div.lottery-wrapper.low11Ios .lotto-box ul.list li.item span.front, div.lottery-wrapper.low11Ios .lotto-box ul.list li.item span.back{ display: block; left: 0; top: 0; z-index: 1;
    position: absolute;
    transition: transform 0.5s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
div.lottery-wrapper.low11Ios .lotto-box ul.list li.item span.front{ position: relative; z-index: 10;
    -webkit-transform: rotateY( 0deg);
    -moz-transform: rotateY( 0deg);
    -o-transform: rotateY( 0deg);
    transform: rotateY( 0deg);
}
div.lottery-wrapper.low11Ios .lotto-box ul.list li.item span.back{
    -webkit-transform: rotateY( -180deg);
    -moz-transform: rotateY( -180deg);
    -o-transform: rotateY( -180deg);
    transform: rotateY( -180deg);
}

div.lottery-wrapper.low11Ios .lotto-box ul.list li.item.hover .front{
    -webkit-transform: rotateY( 180deg);
    -moz-transform: rotateY( 180deg);
    -o-transform: rotateY( 180deg);
    transform: rotateY( 180deg);
}
div.lottery-wrapper.low11Ios .lotto-box ul.list li.item.hover .back{
    -webkit-transform: rotateY( 0deg);
    -moz-transform: rotateY( 0deg);
    -o-transform: rotateY( 0deg);
    transform: rotateY( 0deg);
}

div.lottery-wrapper.low11Ios .lotto-box ul.list li.item .prize{ width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 10; color: #FFF; padding: 20px 10px 15px; line-height: 1.6; }

@media (min-width: 768px) {
    div.lottery-wrapper.low11Ios .lotto-box ul.list{ width: 600px; }
}

@media (max-width: 320px) {
    div.lottery-wrapper.low11Ios .top-info h3{ font-size: 18px; }
}

div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item span.front, div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item span.back{ display: block; left: 0; top: 0; z-index: 1;  position: absolute;  transition: transform 0.5s;
}
div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item span.front{ position: relative; z-index: 10; }
div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item span.back{}

div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item.hover span.front{ visibility: hidden; }
div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item.hover span.back{  }

div.lottery-wrapper.ios-11-wrap .lotto-box ul.list li.item .prize{ width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 10; color: #FFF; padding: 20px 10px 15px; line-height: 1.6; }

div.lottery-wrapper .tab-nav{ background-color: #FFF; }
div.lottery-wrapper .tab-nav ul.list{ width: 100%; display: table; }
div.lottery-wrapper .tab-nav ul.list li{ font-size: 16px; display: table-cell; vertical-align: middle; text-align: center; padding: 15px 10px; }
div.lottery-wrapper .tab-nav ul.list li span{ display: inline-block; position: relative; color: #666; }
div.lottery-wrapper .tab-nav ul.list li span:after{ display: block; content: ''; width: 100%; border-bottom: 3px solid transparent; position: absolute; left: 0; bottom: -15px; z-index: 10; }
div.lottery-wrapper .tab-nav ul.list li.active span{ color: #000; }
div.lottery-wrapper .tab-nav ul.list li.active span:after{ border-bottom-color: #000; }

div.lottery-wrapper .panel-box{}
div.lottery-wrapper .panel-box .panel{ display: none; }
div.lottery-wrapper .panel-box .panel.showIn{ display: block; }


div.lottery-wrapper .info-list{ width: 100%; background-color: #FFF; margin-top: 12px; padding: 5px 15px; }
div.lottery-wrapper .info-list table{ width: 100%; }
div.lottery-wrapper .info-list table th, div.lottery-wrapper .info-list table td{ padding: 10px 10px; border-top: 1px solid #F1F1F1; }
div.lottery-wrapper .info-list table th{ width: 20px; color: #666; white-space: nowrap; font-weight: normal; padding-left: 0; font-size: 14px;}
div.lottery-wrapper .info-list table td{ padding-right: 0;font-size: 13px; }
div.lottery-wrapper .info-list table tr:first-child th, div.lottery-wrapper .info-list table tr:first-child td{ border-top: 0; }


div.lottery-wrapper .detail{ background-color: #FFF; margin-top: 12px; padding: 15px; }
div.lottery-wrapper .detail .title{}
div.lottery-wrapper .detail .title h2{ font-size: 16px; font-weight: normal; border-left: 3px solid #71a90f; padding-left: 6px; }
div.lottery-wrapper .detail .content{ line-height: 1.6; padding-top: 12px;font-size: 13px; }

div.lottery-wrapper .getPrize{ background-color: #FFF; margin-top: 12px; padding: 5px 15px; }
div.lottery-wrapper .getPrize table{ width: 100%; }
div.lottery-wrapper .getPrize table td{ font-size: 14px; line-height: 1.2; color: #333; padding: 15px 5px; border-top: 1px solid #F1F1F1; }
div.lottery-wrapper .getPrize table tr:first-child td{ border-top: 0; }

div.lottery-wrapper .getPrize table td:nth-child(1){ padding-right: 10px; padding-left: 0; }
div.lottery-wrapper .getPrize table td:nth-child(3){ white-space: nowrap; }
div.lottery-wrapper .getPrize table td:last-child{ padding-right: 0; }

div.lottery-wrapper .getPrize a.thumb{ display: block; width: 45px; height: 45px; overflow: hidden;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
div.lottery-wrapper .getPrize a.thumb img{ width: 100%; min-height: 100%; }

@media (max-width: 320px) {
    div.lottery-wrapper .getPrize{ padding: 0 10px; }
    div.lottery-wrapper .getPrize table td{ font-size: 12px; }

    div.lottery-wrapper .getPrize a.thumb{ width: 36px; height: 36px; }
}

/*prize-wrap*/
div.prize-wrap{ display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; }
div.prize-wrap:after{ display: block; opacity: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; z-index: 1;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.prize-wrap .inner{ width: 100%; background-color: #FFF; padding: 15px; position: absolute; left: 0; bottom: 0; z-index: 10;
    -moz-border-top-left-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    border-top-left-radius: 25px;
    -moz-border-top-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    border-top-right-radius: 25px;

    -webkit-transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);

}
div.prize-wrap.active:after{ opacity: 1;}
div.prize-wrap.active .inner{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
div.prize-wrap .title{ width: 100%; position: relative; }
div.prize-wrap .title h2{ font-size: 24px; font-weight: normal; padding: 5px 0 0 0; margin-top: 5px; }
div.prize-wrap .title a.btn-close{ width: 30px; height: 30px; display: block; background: url("../images/close.png") no-repeat center; background-size: 100%; position: absolute; top: 0; right: 5px; z-index: 10; }

div.prize-wrap .content{ padding-top: 15px; }
div.prize-wrap form.getPrize{ width: 100%; }
div.prize-wrap form.getPrize .ipt-txt{ width: 100%; position: relative; margin-bottom: 10px; }
div.prize-wrap form.getPrize .ipt-txt input{ width: 100%; height: auto; border: 0; border-bottom: 1px solid #DDD; font-size: 16px; line-height: 1; padding: 12px 0; margin: 0;
    border-radius: 0;
}
div.prize-wrap form.getPrize .ipt-txt.code{}
div.prize-wrap form.getPrize .ipt-txt.code a.btn-getCode{ position: absolute; top: 18px; right: 0; z-index: 1; }

div.prize-wrap .error-wrap{ width: 100%; height: 16px; line-height: 1.2; overflow: hidden; }

div.prize-wrap form.getPrize .text-line{ width: 100%; text-align: center; position: relative; }
div.prize-wrap form.getPrize .text-line:after{ display: block; content: ''; width: 100%; border-bottom: 1px dashed #DDD; position: absolute; left: 0; top: 50%; margin-top: -.5px; z-index: 1; }
div.prize-wrap form.getPrize .text-line span{ display: inline-block; background-color: #FFF; padding: 0 12px; font-size: 16px; line-height: 1; color: #999;  position: relative; z-index: 10; }

div.prize-wrap form.getPrize button{ font-size: 18px; background: #32b67a; width: 100%; height: 50px; color: #FFF; margin: 10px 0; border: 0; outline: none; }
div.prize-wrap form.getPrize button i, div.prize-wrap form.getPrize button span{ display: inline-block; vertical-align: middle; }
div.prize-wrap form.getPrize button i.wx{ width: 26px; height: 18px; background: url("../images/active/wx.png") no-repeat center; background-size: auto 100%; margin-right: 10px; position: relative; bottom: -1px; }

@media (max-width: 320px) {
    div.prize-wrap .title h2{ font-size: 20px; }
    div.prize-wrap form.getPrize .ipt-txt input{ font-size: 14px; }
    div.prize-wrap form.getPrize button{ height: 40px; font-size: 16px; }
}


/*crowd-funding-wrapper*/
div.crowd-funding-wrapper{ width: 100%; min-height: 500px; overflow: hidden; padding: 15px 15px 55px 15px; background-color: #FFF; }
div.crowd-funding-wrapper img{ max-width: 100% !important; }

div.crowd-funding-wrapper .title{  }
div.crowd-funding-wrapper .title h2{ font-size: 1.6rem; line-height: 3rem; font-weight: normal; padding-bottom: .8rem; }
div.crowd-funding-wrapper .title p{ font-size: 1.1rem; color: #999; }

div.crowd-funding-wrapper .content{ padding: 1rem 0; line-height: 2.4rem; }
div.crowd-funding-wrapper .content p{ font-size: 1.3rem; color: #333; }

div.crowd-funding-wrapper ul.little-nav{ display: block; width: 100%; border: 1px solid #32b67a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.crowd-funding-wrapper ul.little-nav:after{ display: block; content: ''; clear: both; }
div.crowd-funding-wrapper ul.little-nav li{ width: 50%; font-size: 1.5rem; color: #32b67a; text-align: center; padding: .8rem 1.5rem; float: left; }
div.crowd-funding-wrapper ul.little-nav li.active{ background-color: #32b67a; color: #FFF; }

div.crowd-funding-wrapper .panel-list{}
div.crowd-funding-wrapper .panel-list .panel{ display: none; }
div.crowd-funding-wrapper .panel-list .panel.showIt{ display: block; }

div.crowd-funding-wrapper ul.list-info{ width: 100%; padding: 15px 0; }
div.crowd-funding-wrapper ul.list-info li{ border-top: 1px solid #DDD; padding: 15px 0; }
div.crowd-funding-wrapper ul.list-info li:first-child{ border-top: 0; }
div.crowd-funding-wrapper ul.list-info li h4{ font-size: 1.4rem; color: #999; margin-bottom: 5px; }
div.crowd-funding-wrapper ul.list-info li p{ font-size: 14px; color: #333; }
div.crowd-funding-wrapper ul.list-info li p.tags{ padding-top: 10px; }
div.crowd-funding-wrapper ul.list-info li p.tags:after{ display: block; content: ''; clear: both; }
div.crowd-funding-wrapper ul.list-info li p.tags span{ width: 48%; background-color: #EEEEEE; border-radius: 6px; color: #666; font-size: 1.2rem; text-align: center; padding: 10px 5px; float: left; }
div.crowd-funding-wrapper ul.list-info li p.tags span:nth-child(2n+1){ float: right; }

div.crowd-funding-wrapper ul.crowd-progress{ width: 100%; padding: 15px 0; }
div.crowd-funding-wrapper ul.crowd-progress:before{ display: block; content: ''; width: 100%; height: 6px; background-color: #EDF0F7; margin-bottom: 12px;  }
div.crowd-funding-wrapper ul.crowd-progress:after{ display: block; content: ''; clear: both; }
div.crowd-funding-wrapper ul.crowd-progress li{ width: 33.33%; font-size: 14px; line-height: 14px; position: relative; float: left; }
div.crowd-funding-wrapper ul.crowd-progress li:before{ display:block; content: ''; width: 16px; height: 16px; background-color: #EDF0F7; border-radius: 20px; position: absolute; top: -22px; z-index: 2; }
div.crowd-funding-wrapper ul.crowd-progress li:nth-child(1){ text-align: left; }
div.crowd-funding-wrapper ul.crowd-progress li:nth-child(2){ text-align: center; }
div.crowd-funding-wrapper ul.crowd-progress li:nth-child(3){ text-align: right; }

div.crowd-funding-wrapper ul.crowd-progress li:nth-child(1):before{ left: 0; }
div.crowd-funding-wrapper ul.crowd-progress li:nth-child(2):before{ left: 50%; margin-left: -8px; }
div.crowd-funding-wrapper ul.crowd-progress li:nth-child(3):before{ right: 0; }

div.crowd-funding-wrapper ul.crowd-progress li.active:before{ background-color: #32B67A; }
div.crowd-funding-wrapper ul.crowd-progress li.active:after{ display: block; content: ''; width: 150%; height: 6px; background-color: #32B67A; position: absolute; top: -18px; left: -100%; z-index: 1; }
div.crowd-funding-wrapper ul.crowd-progress li.active:first-child:after{ display: none; }
div.crowd-funding-wrapper ul.crowd-progress li.active:last-child:after{ width: 150%; left: -50%; }

ul.crowd-nav{ width: 100%; height: 50px; background-color: #FAFAFA; }
ul.crowd-nav:after{ display: block; content: ''; clear: both; }
ul.crowd-nav li{ width: 25%; font-size: 14px; text-align: center; line-height: 50px; border-left: 1px solid #E9E9E9; float: left; }
ul.crowd-nav li.half{ width: 50%; background-color: #32B67A; color: #FFF; }

div.crowd-funding-wrapper .live-nav{ width: 100%; padding: 20px 0; }
div.crowd-funding-wrapper .live-nav:after{ display: block; content: ''; clear: both; }
div.crowd-funding-wrapper .live-nav .item{ width: 100%; padding: 15px 0; border-top: 1px solid #DDD; }
div.crowd-funding-wrapper .live-nav .item:first-child{ border-top: 0; }

div.crowd-funding-wrapper .live-nav .tit{ width: 100%; font-size: 1.4rem; color: #666; }
div.crowd-funding-wrapper .live-nav .cont{ width: 100%; padding: 12px 90px 0 0; position: relative; }
div.crowd-funding-wrapper .live-nav .cont:after{ display: block; content: ''; clear: both; }
div.crowd-funding-wrapper .live-nav .cont p.arrow{ font-size: 14px; color: #999; line-height: 14px; background: url("../images/arrow.png") no-repeat right center; background-size: auto 100%; padding-right: 16px; position: absolute; top: 50%; margin-top: -7px; right: 0; z-index: 1; }

div.crowd-funding-wrapper ol.inline{ width: 100%; height: 4rem; overflow: hidden;  }
div.crowd-funding-wrapper ol.inline:after{ display: block; content: ''; clear: both; }
div.crowd-funding-wrapper ol.inline li{ display: inline-block; border-radius: 5rem;width: 4rem; height: 4rem; margin: 0 0.3rem; overflow: hidden; vertical-align: middle; }
div.crowd-funding-wrapper ol.inline li:first-child{ margin-left: 0; }
div.crowd-funding-wrapper ol.inline li img{ max-width: 100%; }

div.crowd-funding-wrapper .live-nav .item.apply .cont p.arrow { color: #42a878; }

@media (min-width: 375px) {
    ul.crowd-nav li{ font-size: 16px; }
}

